<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>

        <button id="getBtn">get</button>

        <button id="postBtn">post</button>
        
    </body>
</html>
<script src="jquery.min.js"></script>
<script>
    $('#getBtn').click(function() {

        // $.ajax({
        //     url: 'http://localhost:3000/getJson?a=5',
        //     dataType: 'json',
        //     success: function(data) {
        //         console.log(data);
        //     }
        // });

        $.get('http://localhost:3000/getJson?a=5', function(data) {
            console.log(data);
        }, 'json');


    });

    $('#postBtn').click(function() {

        // $.ajax({
        //     url: 'http://localhost:3000/postJson',
        //     type: 'POST',
        //     dataType: 'json',
        //     data: {
        //         a: 5,
        //         b: 20
        //     },
        //     success: function(data) {
        //         console.log(data);
        //     }
        // });

        $.post('http://localhost:3000/postJson', {a: 5, b: 20}, function(data) {
            console.log(data);
        }, 'json');




    });


    




</script>